<template>
  <div class="box">
    <div class="box-icon">
      <div class="box-icon-div">
        <p>!</p>
      </div>
    </div>
    <div>支付信息</div>
    <div>金额：299</div>
    <div>
      <van-button type="success" class="btn-click">点击微信支付</van-button>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.box {
  text-align: center;

  .box-icon {
    width: 100px;
    height: 100px;
    margin: 40px auto 20px;
    padding: 5px;
    background-color: #ccc;
    border-radius: 50%;
    .box-icon-div {
      width: 90px;
      height: 90px;
      padding: 5px;
      border-radius: 50%;
      background-color: rgb(252, 250, 250);

      p {
        font-size: 90px;
        color: rgb(148, 148, 148);
      }
    }
  }
  .btn-click {
    margin-top:30px;
    width: 200px;
    color:white;
    background-color: rgb(76, 223, 100);
    border:none;
  }
}
</style>